<div class="remit block" data-title="银行汇款" ms-controller="remit">
    <!-- 加载 -->
    <div class="queryLoad" :visible="@queryLoad"></div>

    <!-- 第一步 填写存款信息 -->
    <div :visible="@step==1 && !@queryLoad" >
        <h2 class="h2_title">银行汇款</h2>
        <a href="#" class="depositRecord"><i class="icon"></i> 存款记录</a>
        <ms-tab ms-widget="{list:@tabList.list, switchFn:@tabList.switchFn, active:@tabList.active}"></ms-tab>
        <div class="hint" :visible='@fundProposalNum>0'>
            <i class="icon"></i>
            温韾提示：您目前有 <a href="#/deposit/backlog" class="primaryLink">{{@fundProposalNum}}个存款申请</a> 还未完成！
            <a href="#/deposit/backlog" class="primaryLink">查看详情</a>
        </div>

        <div class="leftform">
            <h3 class="funcTitle">
                <i class="starIcon"></i>
                存款通知
            </h3>
            <div class="grid_row">
                <div class="row-label">存款账号<span class="danger">*</span>：</div>
                <div class="row-content">
                    <select name="gts2AccountId" class="fullrow" 
                            :duplex="@dataParams.platform" 
                            :change="@changeSelect('accTradeInfoList','platform','platform','selAccount')">
                        <option :for="el in @accTradeInfoList" :attr="{'value':@el.platform}">{{@el.accountNo}}[{{@el.platform}}]</option>
                    </select>
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">账户货币：</div>
                <div class="row-content"> {{@currencyName}} </div>
            </div>
            <div class="grid_row">
                <div class="row-label">公司收款银行<span class="danger">*</span>：</div>
                <div class="row-content">
                    <select name="gts2AccountId" class="fullrow" 
                            :duplex="@dataParams.callDepositBank"
                            :change="@changeSelect('remittanceBank','callDepositBank','code','selBank')" >
                        <option :for="el in @remittanceBank" :attr="{'value':@el.code}">{{@el['name'+@lang]}}</option>
                    </select>
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">客户汇款银行<span class="danger">*</span>：</div>
                <div class="row-content">
                    <select name="gts2AccountId" class="fullrow" 
                            :duplex="@dataParams.bank"
                            :change="@changeSelect('bankList','bank','code','selDepositBank')" >
                        <option :for="el in @bankList" :attr="{'value':@el.code}">{{@el['name'+@lang]}}</option>
                    </select>
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">汇款金额<span class="danger">*</span>：</div>
                <div class="row-content">
                    <input type="text" class="textInput amount" 
                            :duplex="@dataParams.amount"
                            :on-input="@amountInput" >
                    <select name="gts2AccountId" class="amountCurrency" 
                            :duplex="@dataParams.depositCurrency"
                            :change="@changeSelect('bankCurrency','depositCurrency','code','selCurrency')" >
                        <option :for="el in @bankCurrency" :attr="{'value':@el.code}">{{@el['name'+@lang]}}</option>
                    </select>
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">汇款日期<span class="danger">*</span>：</div>
                <div class="row-content">
                    <input type="text" readonly="readonly" class="textInput tranDate" 
                            :duplex="@dataParams.tranDate" 
                            onclick="WdatePicker({maxDate:'%y-%M-%d'})" >
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">银行单据<span class="danger">*</span>：</div>
                <form class="row-content" id="uploadForm">
                    <span class="uploadImgBox" id="uploadImgBox"><img src="/images/uploadLogo.png" class="uploadImg" id="uploadImg" ></span>
                    <span class="upload-btn" :class="{'uploading':@uploading}">
                        上传单据
                        <input type="file" name="tranStatement" id="tranStatement" class="uploadFileBtn" 
                                accept="image/*" >
                        <i class="loading" ></i>
                    </span>
                </form>
            </div>
            <div class="grid_row">
                <div class="row-label">备注：</div>
                <div class="row-content">
                    <textarea name="remark" class="remark" :duplex="@dataParams.remark"></textarea>
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">&nbsp;</div>
                <div class="row-content">
                    <button class="m-btn"  
                    :class="{loading:@depositLoad}"
                    :attr="{disabled:@depositLoad}"
                    :click="@nextClick()">下一步</button>
                </div>
            </div>

        </div>
        <div class="rightIntroduce" >
            <h3 class="funcTitle">
                <i class="starIcon"></i>
                汇款方式
            </h3>
            <p class="step-1">
                为了及时将您的资金存入账户，请您按照如下指示进行汇款。<br> 
                <span class="step">步骤一</span>
                客户透过所在地区的银行（或支票）汇款到本公司以下的银行账户。
            </p>
            <p>
                请在汇款单据上填写清楚客户名称及账户号码，然后以存款通知方式，或者以
                "<a href="javascript:void(0);" onclick="openCustOnline();" >线上客服</a>"，
                "电邮<a href="mailto:cs@24k.hk" >cs@24k.hk</a>"，"传真"方式把单据传送到本公司。
            </p>
            <div class="ck-step-all">
                <table width="100%" border="0" class="ck-step-tab">
                    <tbody>
                        <tr class="">
                            <td class="ck-width">受款银行</td>
                            <td>Hang Seng Bank (Hong Kong) Ltd</td>
                        </tr>
                        <tr class="">
                            <td>分行地址</td>
                            <td>18 Carnarvon Road, Tsim Sha Tsui, Hong Kong</td>
                        </tr>
                        <tr class="">
                            <td>收款人姓名</td>
                            <td>Goldenway Precious Metals Limited</td>
                        </tr>
                        <tr class="">
                            <td>户口号码</td>
                            <td>024-228-255345-883(美元/港币)</td>
                        </tr>
                        <tr class="">
                            <td>SWIFT代号</td>
                            <td>HASEHKHH</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="ck-step-all">
                <table width="100%" border="0" class="ck-step-tab">
                    <tbody>
                        <tr>
                            <td class="ck-width">受款银行</td>
                            <td>Bank Of China(Hong Kong) limited</td>
                        </tr>
                        <tr>
                            <td>分行地址</td>
                            <td>60 Canton Road, Tsim Sha Tsui, Kowloon</td>
                        </tr>
                        <tr>
                            <td>收款人姓名</td>
                            <td>Goldenway Precious Metals Limited</td>
                        </tr>
                        <tr>
                            <td>户口号码</td>
                            <td>012-897-9-217787-1 (美元) <br> 012-897-1-033087-2 (港币)</td>
                        </tr>
                        <tr>
                            <td>SWIFT代号</td>
                            <td>BKCHHKHHXXX</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="ck-step-all">
                <table width="100%" border="0" class="ck-step-tab">
                    <tbody>
                        <tr>
                            <td class="ck-width">受款银行</td>
                            <td>Wing Hang Bank Limited</td>
                        </tr>
                        <tr>
                            <td>分行地址</td>
                            <td>Gold &amp; Silver Exchange Branch, 1/G, 12-18 Mercer Street, Hong Kong</td>
                        </tr>
                        <tr>
                            <td>收款人姓名</td>
                            <td>Goldenway Precious Metals Limited</td>
                        </tr>
                        <tr>
                            <td>户口号码</td>
                            <td>035-443-305-200 (港币) <br> 035-361-710-060 (美元)</td>
                        </tr>
                        <tr>
                            <td>SWIFT代号</td>
                            <td>WIHBHKHH</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <p class="step2">
                <span class="step">步骤二</span>
                请在汇款单据上填写清楚客户名称及账户号码，然后于透过左方的「存款通知」或者以
                "<a href="javascript:void(0);" onclick="openCustOnline();" class="yellow">线上客服</a>",
                "电邮<a href="mailto:cs@24k.hk" class="yellow">cs@24k.hk</a>"，
                "传真"方式把单据传送到本公司。如使用传真，请致电客户服务部(852)
                8109 9928(香港)或400 120 8735 (国内)确认收妥。
            </p>
        </div>
    </div>

    <!-- 第二步 确认存款信息  -->
    <div class="depositConfirm" :visible="@step==2">
        <h2 class="h2_title">银行汇款</h2>
        <div class="depositInfo mtop20">
            <div class="grid_row">
                <p class="row-label">存款账号：</p>
                <div class="row-content"> 
                    {{@selAccount.accountNo+'['+@selAccount.platform+']'}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">账户货币：</p>
                <div class="row-content"> 
                    {{@selAccount.currencyName}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">公司收款银行：</p>
                <div class="row-content"> 
                    {{@selBank['name'+@lang]}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">客户汇款银行：</p>
                <div class="row-content"> 
                    {{@selDepositBank['name'+@lang]}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">汇款金额：</p>
                <div class="row-content"> 
                    {{@dataParams.amount}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">汇款日期：</p>
                <div class="row-content"> 
                    {{@dataParams.tranDate}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">银行单据：</p>
                <div class="row-content"> 
                    <span>{{@dataParams.depositFileName}}</span>
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">备&nbsp;&nbsp;注：</p>
                <div class="row-content"> 
                    <textarea class="remark disabled" disabled :duplex="@dataParams.remark"></textarea>
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">&nbsp;</p>
                <div class="row-content"> 
                    <button class="m-btn " 
                    :class="{loading:@depositLoad}"
                    :attr="{disabled:@depositLoad}"
                    :click="@submitfn | prevent">确认支付</button>
                    <button class="m-btn-default mleft10" ms-click="@step=1">返回</button>
                </div>
            </div>
        </div>
    </div>

    <div class="tipBlock">
        <p class="label">
            <i class="icon"></i>
            注意事项：
        </p>
        <ul>
            <li>所有已兑现款项均会立即显示在本公司交易系统的账户详细资料，本公司不再另行发出入账通知书。</li>
            <li>本公司指定账户货币为美元，其他货币的存款，均由本公司已每星期公布的市场汇率（由本公司决定）兑换为美元。</li>
            <li>本公司不会接受任何来自第三方的存款。</li>
        </ul>
    </div>

</div>